<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="../styles/header.css">
	<link rel="stylesheet" type="text/css" href="../styles/main_content.css">
	<link rel="stylesheet" type="text/css" href="../styles/front.css">
	<link rel="stylesheet" type="text/css" href="../styles/footer.css">
	<link rel="stylesheet" type="text/css" href="../styles/button.css">
    
    <!-- scripts -->
    <script type="text/javascript" src="../scripts/jquery-1.8.2.min.js"></script>
<meta charset="utf-8">
</head>
<body>
	
<!--顶端菜单开始-->
<div class="header_wrapper">
    <div class="header_content">
      <div class="logo">Kala
      </div>
        <?php
			if(isLoggedIn())://如果user logged in， 显示menu div
		?>
   	  <div class="top_menu_nav">
            	<ul>
                <a href="<?php echo USER_HOME_URL ?>"><li>首页</li></a>
                <a href="#"><li>图片</li></a>
                <a href="#"><li>群组</li></a>
                <a href="#"><li>日志</li></a>
                </ul>
      </div>
      <div class="top_menu_other">
          <div class="top_menu_search">
            <form action="" method="post">
            <input class="search_input" type="text" name="keyword" placeholder="搜索 群/狗狗/主人" width="100px" />
            <input style="height:35px;" type="submit" value="搜索" />
            </form>
          </div>
          
          <!-------------下拉列表------------------>
          <div class="drop_down">
          	<ul>
          		<li>
          			<a href="#"><img class="setting" src="../images/SETTINGS.png" alt="Settings" /></a>
          			<ul>
                    	<div>
							<?php 
							    
								if(isLoggedIn()){
							  		 echo 'Hello, '.getUserEmail().'';
								}else{
							  		echo "You're not logged in!!";
								}
							?>
          				</div>
                        <li><a href="#">账户设置</a></li>
          				<li><a href="../includes/logout.php">退出</a></li>
          			</ul>
          		</li>
          	</ul>
          </div>
          
	  </div>      
        <?php
			endif;
		?>
    </div>
</div>
<!--顶端菜单结束-->
<!--内容开始-->
<div class='main_wrapper'>